<style>
	input[type=text]{
		width:100px;
		text-transform: uppercase;
	}
	#topnav{
		height:130px;
		display:flex;
		align-items:center;
	}
	#topnav>div{
		text-align:center;
		margin-right:10px;
	}
	#topnav>div>span{
		line-height:42px;
	}
	.create{
		width:102px;
		height:35px;
		color:white;
		background:#009ee7;
		text-align:center;
		line-height:34px;
		border-radius:1px;
		border:none;
		cursor:pointer;	
		float:right;	
	}
	#topnav>div:last-child{
		flex-grow:1;
		margin:0;		
	}
	
	table{
		width:100%;
	}
	table td{
		border:1px solid #e9e9e9;
		height:54px;
	}
	
	table tr:nth-child(2n+1){
		background:#f8f8f8;
	}
	.caozuo span{
		margin:0 8px;
		font-size:20px;
		color:#009ee7;
		cursor:pointer;
	}
	.disabled{
		color:#aaaaaa!important;
	}
</style>
<div class="main">
	<div id="topnav">
		<div><span>出发地</span></br><input ng-model="postData.originCity" style="width:80px;" type="text"></div>
		<div><span>到达地</span></br><input ng-model="postData.destinationCity" style="width:65px;" type="text"></div>
		<div><span>起飞日期</span></br><input ng-model="postData.flightDateStr" style="width:105px;" class="datespicker" onClick="WdatePicker({onpicked: function(){$(this).trigger('change')}})" type="text"></div>
		<div><span>Supplier</span></br><input ng-model="postData.supplierId" style="width:70px;" type="text"></div>
		<div><span>开始时间</span></br><input ng-model="postData.beginTimeStr" style="width:140px;" class="datespicker" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',onpicked: function(){$(this).trigger('change')}})"></div>
		<div><span>结束时间</span></br><input ng-model="postData.endTimeStr" style="width:140px;" class="datespicker" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',onpicked: function(){$(this).trigger('change')}})"></div>
		<div><span>时间间隔(m)</span></br><input ng-model="postData.intervalTime" style="width:65px;" type="text"></div>	
		<div><button class="create" ng-click="create()">创建</button></div>
	</div>
	<div>
		<table>
			<tr>
				<td style="width:93px;">供应商</td>
				<td style="width:84px;">到达地</td>
				<td style="width:125px;">起飞日期</td>
				<td style="width:90px;">Supplier</td>
				<td style="width:160px;">开始时间</td>
				<td style="width:155px;">结束时间</td>
				<td style="width:90px;">时间间隔(m)</td>
				<td>操作</td>
			</tr>
			<tr ng-repeat="item in task">
				<td>{{item.originCity}}</td>
				<td>{{item.destinationCity}}</td>
				<td>{{item.flightDate|date:'yyyy-MM-dd'}}</td>
				<td>{{item.supplierId}}</td>
				<td>{{item.beginTime|date:'yyyy-MM-dd HH:mm'}}</td>
				<td>{{item.endTime|date:'yyyy-MM-dd HH:mm'}}</td>
				<td>{{item.intervalTime}}</td>
				<td class="caozuo">
					<span ng-if="item.status=='OFF' " ng-click="start(item)" title="开始" class="iconfont">&#xe717;</span>
					<span ng-if="item.status=='ON' " title="开始(不可用)" class="iconfont disabled">&#xe717;</span>
					<span ng-if="item.status=='ON' " ng-click="stop(item)" title="暂停" class="iconfont">&#xe612;</span>
					<span ng-if="item.status=='OFF' " title="暂停(不可用)" class="iconfont disabled">&#xe612;</span>
					<span ng-if="item.status=='OFF' " ng-click="del(item)" title="删除" class="iconfont">&#xe621;</span>									
					<span ng-if="item.status=='ON' " title="删除(不可用)" class="iconfont disabled">&#xe621;</span>
				</td>
			</tr>
		</table>
	</div>
</div>

